<template>
  <div class="copyright_index">
    <el-card
      class="card-full relative"
      style="

--el-card-padding: 0"
      :style="{
        backgroundSize: '100% 100%',
        backgroundImage: `url(${img_bg})`,
      }"
    >
      <div class="copyright_center">
        <router-link to="./submit" class="">
          <div class="pb-7">
            即时申领DCI
            <br />
            按需求办理数字版权登记
          </div>
          <el-button type="primary" size="large">立即申领DCI</el-button>
        </router-link>
      </div>
    </el-card>
  </div>
</template>

<script setup lang="ts">
import img_bg from "@/assets/copyright/img_bqrz_bj@2x.png"
//import {onMounted, ref, reactive, computed} from 'vue'
const props = defineProps({
  modelValue: {
    type: String,
  },
  content: {
    type: String,
    default: "",
  },
})
</script>

<style lang="scss" scoped>
.copyright_center {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  width: 760px;
  height: 237px;
  font-size: 33px;
  font-weight: 800;
  color: #222;
  background-image: url("@/assets/copyright/img_dcl_tb@2x.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
  transform: translate(-50%, -50%);
}
</style>
